<template>
	<view>
		<view class="propellingbox">
			<u--image :mode="'aspectFill'" :src="propellingdata.propellingImg" width="180rpx" height="42rpx"></u--image>
			<view class="textbox fs-24">
				<text class="hot">【{{propellingdata.hotText}}】</text>
				<text class="name">{{propellingdata.text}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"uni-propelling",
		props:{
			propellingdata:{
				type:Object,
				default:{}
			}
		},
		data() {
			return {
			};
		}
	}
</script>

<style lang="scss">
.propellingbox {
	background: #fff;
	border-radius: 8rpx;
	margin: 23rpx 30rpx 0;
	padding: 30rpx 24rpx;
	display: flex;
	align-items: center;
	.textbox {
		flex: 1;
		border-left: 1px solid #10c868;
		margin-left: 12rpx;
		padding-left: 22rpx;
		.hot {
			color: #ff6724;
		}
	}
}
</style>